<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>角色管理</title>
    <link href="/plugins/layui/dist/css/layui.css" rel="stylesheet"/>
    <link href="/css/common/common.css" rel="stylesheet"/>
</head>
<body>

    <div style="padding: 20px; background-color: #F2F2F2;">

        <!--搜索框容器-->
        <div class="layui-card">
            <div class="layui-card-body">
                <div class="layui-form-item search-bar">
                    <div class="layui-inline">
                        <label class="layui-form-label">搜索条件：</label>
                        <div class="layui-input-inline">
                            <input type="text" id="role_name_search_text" class="layui-input" placeholder="请输入角色名称">
                        </div>
                        <div class="layui-input-inline">
                            <button class="layui-btn" id="role_search_btn">搜索</button>
                            <button type="reset" class="layui-btn layui-btn-primary" id="reset_search_btn">重置</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--数据表容器-->
        <div class="layui-card">
            <div class="layui-card-body">
                <div class="layui-input-inline">
                    <button class="layui-btn" id="add_role_btn">
                        <i class="layui-icon">&#xe608;</i> 添加
                    </button>
                </div>
                <div class="layui-form-item search-bar">
                    <table class="layui-table" id="role_table" lay-filter="role"></table>
                </div>
                <!--分页组件容器-->
                <div id="role_page_content"></div>
            </div>
        </div>

    </div>

    <!--toolbar-->
    <script type="text/html" id="role_table_tool_bar">
        <a class="layui-btn layui-btn-xs" lay-event="editRoleInfo">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delRoleInfo">删除</a>
    </script>

    <!--form-content-->
    <div id="role_form_content" class="form-content">
        <form class="layui-form" action="return false">
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: #c60023;margin-right: 3px;">*</span>角色名称</label>
                <div class="layui-input-block">
                    <input id="role_name" type="text" name="roleName" lay-verify="required" placeholder="请输入角色名称" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <textarea id="remark" name="remark" placeholder="请输入备注信息" class="layui-textarea"></textarea>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">功能选择</label>
                <div id="function_content" class="layui-input-block">

                </div>
            </div>
        </form>
    </div>

    <script src="/plugins/jquery/jquery-2.2.4.min.js"></script>
    <script src="/plugins/layui/dist/lay/modules/layer.js"></script>
    <script src="/plugins/layui/dist/layui.js"></script>
    <script src="/js/common/sinoUtil.js"></script>
    <script src="/js/system/role.js"></script>

</body>
</html>